<!DOCTYPE html>
<html lang="en">
<head>
    <title>回车网络</title>
    <!-- 制定规则 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- SEO 搜索 -->
    <meta name="keywords" content="回车网络">
    <meta name="description" content="回车网络"/>
    <meta name="author" content="韩拓,高尹,欧阳宇,樊秋艳,李帅,汪显武,张喆铖">
    <meta name="copyright" content="本网站版权归西安回车网络科技有限公司所有">
    <!-- ICON 设置-->
    <link rel="shortcut icon"
          href="/style/images/icon.png">
    <link rel="apple-touch-icon"
          href="/style/images/icon.png">
    <link rel="apple-touch-icon" sizes="72*72"
          href="/style/images/icon.png">
    <link rel="apple-touch-icon" sizes="114*114"
          href="/style/images/icon.png">
    <!-- CSS -->
    <link rel="stylesheet" type="text/css"  href="/singlePC/css/index.css">
    <link rel="stylesheet" type="text/css"  href="/style/css/swiper.min.css">
    <!-- JS -->
    <script type="text/javascript" src="/style/js/jquery.3.2.1.min.js"></script>
    <script type="text/javascript" src="/style/js/swiper.min.js"></script>
    <script type="text/javascript" src="/singlePC/js/index.js"></script>
</head>
<body  data-building="{$info.name}" data-accountphone="{$accountInfo.telephone}" data-accountid="{$accountInfo.id}" data-words="{$words}" data-origin="{$origin}">
  <main>
      <div class="top">
           <div class="left" style="background-image:url({$info.design_img});background-size: cover">
               <header>
                   <div class="img"></div>
               </header>
              <div>
                  <p>{$info.name}</p>
                  <p>{$info.slogan}</p>
              </div>
           </div>
          <div class="right">
              <i></i>
              <div class="text">
                  <p style="font-size: 20px;font-weight: bold">在线预约 免费看房</p>
                  <p style="font-size: 19px;margin-top: 10px">ONLINE BOOKING</p>
              </div>
              <div class="form">
                  <input type="text" maxlength="8" placeholder="请输入姓名">
                  <input type="tel" maxlength="11" placeholder="请输入电话">
                  <input type="button" value="提交">
              </div>
              <s></s>
          </div>
      </div>
      <section>
          <div class="vimg">
              {volist name='info.building_desc' id='vo'}
              <!--<div data-d="{$vo.role}"></div>-->
              <!--视频-->
              {if condition="$vo.role eq 'video'"}
              <div class="video" >
                  <div class="header">
                      <h1>{$vo.title}</h1>
                      <i></i>
                  </div>
                  <video controls="controls" src="{$vo.content}" poster="/style/images/video_img.jpg" style="width: 900px;
    height: 570px;"></video>
              </div>
              <!--图集-->
              {elseif condition = "$vo.role eq 'album'"}
              <div class="swiper">
                  <div class="header">
                      <h1>{$vo.title}</h1>
                      <i></i>
                  </div>
                  <div class="swiper-container" id="swiper1">
                      <div class="swiper-wrapper">
                          {volist name="vo['img']" id="img"}
                          <div class="swiper-slide" style="background:url({$img}) no-repeat center  center / cover">
                             <!--<img src="" alt="">-->
                        </div>
                          {/volist}
                      </div>
                      <div class="swiper-pagination"></div>

                  </div>
              </div>
              <!--图文-->
              {elseif condition = "$vo.role eq 'article'"}
              <div class="image">
                  <div class="header">
                      <h1>{$vo.title}</h1>
                      <i></i>
                  </div>
                  <p><pre>{$vo.content}</pre></p>
                  {volist name="vo['img']" id="img"}
                  <img src="{$img}">
                  {/volist}
              </div>
              <!--文本-->
              {elseif condition = "$vo.role eq 'text'"}
              <div class="text">
                  <div class="header">
                      <h1>{$vo.title}</h1>
                      <i></i>
                  </div>
                  <p><pre>{$vo.content}</pre></p>
              </div>
              {else /}
              <!--单图-->
              <div class="image">
                  <div class="header">
                      <h1>{$vo.title}</h1>
                      <i></i>
                  </div>
                  {volist name="vo['img']" id="img"}
                  <img src="{$img}">
                  {/volist}
              </div>
              {/if}
              {/volist}
          </div>
      </section>
  </main>
  <div id="contact">
      <ul>
          <li>业务电话：02985795713 转 6</li>
          <li>合作邮箱：enterlo@starstart.com</li>
          <li>回车网址：www.enterlo.com</li>
          <li>公司地址：西安市高新区中晶科技广场A座10层</li>
      </ul>
      <p>©2017-2018 西安回车网络科技有限公司 版权所有  ICP证：陕ICP备17016176号</p>
  </div>
  <aside>
      <ul>
          <!--<li>-->
              <!--<i-->
                      <!--data-url1="/style/images/PC_kf_white.svg"-->
                      <!--data-url2="/style/images/PC_kf_gray.svg"-->
                      <!--style="background: url(/style/images/PC_kf_gray.svg)no-repeat center center / 100% 100%"></i>-->
              <!--<div style="display: none">-->
                  <!--<b></b>-->
                  <!--<p>在线客服</p>-->
              <!--</div>-->
          <!--</li>-->
          <li>
              <i
                      data-url1="/style/images/PC_message_white.svg"
                      data-url2="/style/images/PC_message_gray.svg"
                      style="background: url(/style/images/PC_message_gray.svg)no-repeat center center / 100% 100%"></i>
              <div style="display: none">
                  <b></b>
                  <p>在线预约 免费看房</p>
              </div>
          </li>
          <li>
              <i
                      data-url1="/style/images/PC_phone_white.svg"
                      data-url2="/style/images/PC_phone_gray.svg"
                      style="background: url(/style/images/PC_phone_gray.svg)no-repeat center center / 100% 100%"></i>
              <div style="display: none">
                  <b></b>
                  <p class="phone-400">400-678-0522</p>
              </div>
          </li>
          <li class="top">
              <i
                      data-url1="/style/images/PC_backtotop_white.svg"
                      data-url2="/style/images/PC_backtotop_gray.svg"
                      style="background: url(/style/images/PC_backtotop_gray.svg)no-repeat center center / 100% 100%"></i>
              <div style="display: none">
                  <b></b>
                  <p>返回顶部</p>
              </div>
          </li>
      </ul>
  </aside>
  <div class="login-layer" style="display: none">
      <div class="main">
          <div class="left">
              <div>
                  <h1>免费获取楼盘资料</h1>
                  <!--<p>已有{$reportNum}人委托罗宅服务</p>-->
                
              </div>
          </div>
          <div class="right">
              <h1>前88名客户 定房免团费</h1>
              <div>
                  <input class="text" type="text"
                         maxlength="6" placeholder="请填写您的姓名">

                  <input class="tel" type="tel" maxlength="11"
                         placeholder="请填写您的手机号码">
              </div>
              <p class="error"></p>
              <button>免费获取楼盘资料</button>
              <div>
                  <p>回车提供该项免费服务，绝不产生任何费用。</p>
                  <p>为了您的利益，您的隐私将被严格保密！</p>
              </div>
          </div>
          <i class="del"></i>
      </div>
  </div>
  <div class="admin-mask-layer" style="display: none">
      <p>保存成功</p>
  </div>
  <script type="text/javascript">
      var swiper1 = new Swiper('.swiper-container', {
          autoplay: true, //可选选项，自动滑动
          pagination: {
              el: '.swiper-pagination',
              clickable: true,
          },
      })
  </script>
</body>
</html>